    <style include="cr-shared-style settings-shared iron-flex">
      settings-omnibox-extension-entry {
        border-top: var(--cr-separator-line);
      }
    </style>
    <div class="cr-row first" hidden="[[!isActiveSearchEnginesFlagEnabled_]]">
      <div class="secondary">
          $i18n{searchEnginesPageExplanation}
      </div>
    </div>
    <div class="cr-row first" hidden="[[!showKeywordTriggerSetting_]]">
      <div class="flex cr-padded-text">
        <div id="keyboardShortcutsTitle">
          $i18n{searchEnginesKeyboardShortcutsTitle}
        </div>
        <div class="secondary">
          $i18n{searchEnginesKeyboardShortcutsDescription}
        </div>
      </div>
    </div>
    <div class="list-frame" hidden="[[!showKeywordTriggerSetting_]]">
      <settings-radio-group id="keyboardShortcutSettingGroup"
          pref="{{prefs.omnibox.keyword_space_triggering_enabled}}"
          on-change="onKeyboardShortcutSettingChange_">
        <controlled-radio-button class="list-item" name="true"
            pref="{{prefs.omnibox.keyword_space_triggering_enabled}}"
            label="$i18n{searchEnginesKeyboardShortcutsSpaceOrTab}"
            aria-labelledby="keyboardShortcutsTitle"
            no-extension-indicator>
        </controlled-radio-button>
        <controlled-radio-button class="list-item" name="false"
            pref="{{prefs.omnibox.keyword_space_triggering_enabled}}"
            label="$i18n{searchEnginesKeyboardShortcutsTab}"
            aria-labelledby="keyboardShortcutsTitle"
            no-extension-indicator>
        </controlled-radio-button>
      </settings-radio-group>
    </div>

    <template is="dom-if" if="[[!isActiveSearchEnginesFlagEnabled_]]">
      <div class="cr-row first">
        <h2>$i18n{searchEnginesDefault}</h2>
      </div>
      <settings-search-engines-list fixed-height
          hidden="[[!matchingDefaultEngines_.length]]"
          engines="[[matchingDefaultEngines_]]"
          is-active-search-engines-flag-enabled=
            "[[isActiveSearchEnginesFlagEnabled_]]"
          name-column-header="$i18n{searchEnginesSearchEngine}">
      </settings-search-engines-list>
    </template>
    <template is="dom-if" if="[[isActiveSearchEnginesFlagEnabled_]]">
      <div class="cr-row first">
        <div class="flex cr-padded-text">
          <h2>$i18n{searchEnginesSearchEngines}</h2>
          <div class="secondary">
            $i18n{searchEnginesSearchEnginesExplanation}
          </div>
        </div>
      </div>
      <settings-search-engines-list
          hidden="[[!matchingDefaultEngines_.length]]"
          engines="[[matchingDefaultEngines_]]"
          is-active-search-engines-flag-enabled=
                  "[[isActiveSearchEnginesFlagEnabled_"]] show-shortcut
          name-column-header="$i18n{searchEnginesSearchEngine}">
      </settings-search-engines-list>
    </template>

    <div class="no-search-results list-frame"
        hidden="[[matchingDefaultEngines_.length]]">
      $i18n{searchNoResults}
    </div>

    <template is="dom-if" if="[[showDialog_]]" restamp>
      <settings-search-engine-dialog model="[[dialogModel_]]"
          on-close="onCloseDialog_">
      </settings-search-engine-dialog>
    </template>

    <template is="dom-if" if="[[isActiveSearchEnginesFlagEnabled_]]">
      <div class="cr-row first">
        <div class="flex cr-padded-text">
          <h2>$i18n{searchEnginesSiteSearch}</h2>
          <div class="secondary">$i18n{searchEnginesSiteSearchExplanation}</div>
        </div>
        <cr-button class="secondary-button header-aligned-button"
                   on-click="onAddSearchEngineTap_" id="addActiveSearchEngine">
          $i18n{add}
        </cr-button>
      </div>
      <div id="noActiveEngines" class="list-frame"
           hidden="[[activeEngines.length]]">
          $i18n{searchEnginesNoSitesAdded}
      </div>
      <div class="no-search-results list-frame"
           hidden="[[!showNoResultsMessage_(
          activeEngines, matchingActiveEngines_)]]">
          $i18n{searchNoResults}
      </div>
      <settings-search-engines-list id="activeEngines"
          hidden="[[!matchingActiveEngines_.length]]"
          engines="[[matchingActiveEngines_]]"
          scroll-target="[[subpageScrollTarget]]"
          is-active-search-engines-flag-enabled=
                "[[isActiveSearchEnginesFlagEnabled_]]"
          show-shortcut collapse-list
          expand-list-text="$i18n{searchEnginesAdditionalSites}"
          name-column-header="$i18n{searchEnginesSiteOrPage}">
      </settings-search-engines-list>
    </template>

    <template is="dom-if" if="[[!isActiveSearchEnginesFlagEnabled_]]">
      <div class="cr-row first">
        <h2 class="flex">$i18n{searchEnginesOther}</h2>
        <cr-button class="secondary-button header-aligned-button"
                   on-click="onAddSearchEngineTap_" id="addSearchEngine">
          $i18n{add}
        </cr-button>
      </div>
      <settings-search-engines-list id="otherEngines"
          hidden="[[!matchingOtherEngines_.length]]"
          engines="[[matchingOtherEngines_]]"
          scroll-target="[[subpageScrollTarget]]"
          is-active-search-engines-flag-enabled=
                "[[isActiveSearchEnginesFlagEnabled_]]"
          name-column-header="$i18n{searchEnginesSearchEngine}">
      </settings-search-engines-list>
    </template>

    <template is="dom-if" if="[[isActiveSearchEnginesFlagEnabled_]]">
      <div class="cr-row first">
        <h2>$i18n{searchEnginesInactiveShortcuts}</h2>
      </div>
      <settings-search-engines-list
          hidden="[[!matchingOtherEngines_.length]]"
          engines="[[matchingOtherEngines_]]"
          scroll-target="[[subpageScrollTarget]]"
          is-active-search-engines-flag-enabled=
                "[[isActiveSearchEnginesFlagEnabled_]]"
          show-query-url collapse-list
          expand-list-text="$i18n{searchEnginesAdditionalInactiveSites}"
          name-column-header="$i18n{searchEnginesSiteOrPage}">
      </settings-search-engines-list>
    </template>
    <div id="noOtherEngines" class="list-frame"
        hidden="[[otherEngines.length]]">
      $i18n{searchEnginesNoOtherEngines}
    </div>
    <div class="no-search-results list-frame"
        hidden="[[!showNoResultsMessage_(
            otherEngines, matchingOtherEngines_)]]">
      $i18n{searchNoResults}
    </div>

    <template is="dom-if" if="[[showExtensionsList_]]">
      <div class="cr-row first">
        <div class="flex cr-padded-text">
          <h2 class="flex">$i18n{searchEnginesExtension}</h2>
          <div class="secondary"
               hidden="[[!isActiveSearchEnginesFlagEnabled_]]">
            $i18n{searchEnginesExtensionExplanation}
          </div>
        </div>
      </div>
      <div class="no-search-results list-frame"
          hidden="[[matchingExtensions_.length]]">
        $i18n{searchNoResults}
      </div>
      <iron-list id="extensions" class="extension-engines list-frame"
          items="[[matchingExtensions_]]" preserve-focus risk-selection>
        <template>
          <settings-omnibox-extension-entry engine="[[item]]"
              focus-row-index="[[index]]"
              tabindex$="[[tabIndex]]" iron-list-tab-index="[[tabIndex]]"
              last-focused="{{omniboxExtensionlastFocused_}}"
              list-blurred="{{omniboxExtensionListBlurred_}}">
          </settings-omnibox-extension-entry>
        </template>
      </iron-list>
    </template>
